<template>
  <tm-app>
    <tm-navbar title="帮助文档" :followTheme="true" :hideHome="true">
    </tm-navbar>
    <tm-sheet :transprent="true" :padding="[20]" :margin="[0]">
      <tm-card
        :title="item.sysRemark"
        v-for="item in state.list"
        :key="item.id"
        :shadow="0"
        :margin="[0, 0, 0, 20]"
      >
        <template v-slot:content>
          <tm-text>
            {{ item.sysValue }}
          </tm-text>
        </template>
      </tm-card>
    </tm-sheet>
  </tm-app>
</template>

<script setup>
import { onMounted, reactive } from "vue";
import { getSysHelpDocumentApi } from "@/api";

const state = reactive({
  list: [],
});

onMounted(async () => {
  const res = await getSysHelpDocumentApi();
  state.list = res;
});
</script>

<style scoped></style>
